<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>尺寸</title>

        <style type="text/css">
            .wrapper {
                width: 80% ; /* 可以使用百分比设定元素的宽度 (通常相对于父元素) */
                min-width: 600px ;
                max-width: 800px ;
                height: 200px ; /* 设定元素高度 */
                border: 2px dotted red ; /* 设置边框的 粗细 、样式 、颜色 */
                margin: 0 auto ; /* 分别设置元素 上下 外边距 和 左右外边距 */
            }

            .inner {
                width: 600px ; /* 设定元素宽度 (px表示像素) */
                height: 100% ;
                /* rgb 是个函数，用来设置 red 、green 、blue 三原色的值 ( 0 ~ 255 ) */
                background-color: rgb(59, 104, 252); /* 单独设置元素的背景颜色 */
            }
        
        </style>

    </head>
    <body>

        <div class="wrapper">
            <div class="inner"></div>
        </div>
        
    </body>
</html>